import React from 'react';
import { Menu } from 'antd';
import './LeftNav.css';
import { Link } from "react-router-dom";
import { UserOutlined, LockOutlined, UploadOutlined, VideoCameraOutlined } from '@ant-design/icons';
import {AppIcon,GroupIcon} from '../../icons/CustomizeIcon';

export default class LeftNav extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      that: this
    }
  }
  render() {
    return (
      <Menu theme="dark" mode="inline" defaultSelectedKeys={['2']}>
        <Menu.Item key="1" icon={<AppIcon  />}>
          <Link to={"/home/appManage"} >
            <span>应用程序</span>
          </Link>
        </Menu.Item>
        <Menu.Item key="2" icon={<UserOutlined />}>
          <Link to={"/home/userManage"} >
            <span>用户管理</span>
          </Link>
        </Menu.Item>
        <Menu.Item key="3" icon={<GroupIcon  />}>
          <Link to={"/home/groupManage"} >
            <span>用户组管理</span>
          </Link>
        </Menu.Item>
      </Menu>

    )
  }
}